<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/jcarousellite.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
    <script type="text/javascript">
        $(document).ready(function(){
            // event banner rolling image
            $("#event_banner_roll").jCarouselLite({
                visible: 3,
                auto: 5000,
                speed: 1000,
                btnPrev: ".btnprev",
                btnNext: ".btnnext"
            }); 
            
            // Top menu click
            $('#top_Basic_Menu a img').mouseover(function(){
                // image on show
                var imgSrcID = $(this).attr('id');
                $(this).attr('src', 'img/coupon/'+ imgSrcID +'_on.gif');
                
                // hide all sub menu
                $('#sub_Money_Menu').hide();
                $('#sub_Percent_Menu').hide();
                
                // etc ...
                switch(imgSrcID)
                {
                    case 'topmn_basic_02':
                        $('#sub_Percent_Menu').show();
                        break;
                    case 'topmn_basic_03':
                        $('#sub_Money_Menu').show();
                        break;
                }
            });
            $('#top_Basic_Menu a img').mouseout(function(){
                // each image reserve
                $('#top_Basic_Menu a img').each(function(){
                    $(this).attr('src', 'img/coupon/'+ $(this).attr('id') +'.gif');
                });
            });
        });
    </script>
</head>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <article>
        <div class="container">
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb mgb20">
                <span class="home"></span>홈<span class="cursor"></span><strong>쿠폰</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <div id="coupon">
               <!-- Begin: Top Banner -->
               <div class="topban">
                   <img width="1100" height="125" src="img/coupon/bg_coupon_top.gif" usemap="#bgBannerTop" />
                   <map name="bgBannerTop">
                        <area shape="rect" coords="766,19,1082,106" href="#banner" title="바보사랑 멤버쉽 혜택보기">
                    </map>
               </div>
               <!-- End: Top Banner -->
               
               <!-- Begin: Top Button -->
               <div id="top_Basic_Menu" class="topmenu mgt10">
                   <ul>
                       <li><a href="#"><img id="topmn_basic_01" src="img/coupon/topmn_basic_01_on.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_basic_02" src="img/coupon/topmn_basic_02.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_basic_03" src="img/coupon/topmn_basic_03.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_basic_04" src="img/coupon/topmn_basic_04.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_basic_05" src="img/coupon/topmn_basic_05.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_basic_06" src="img/coupon/topmn_basic_06.gif" alt="" /></a></li>
                   </ul>
               </div>
               <div id="sub_Money_Menu" class="topmenu sub" style="display:none;">
                   <ul>
                       <li><a href="#"><img id="topmn_money_01" src="img/coupon/topmn_money_01_on.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_money_02" src="img/coupon/topmn_money_02.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_money_03" src="img/coupon/topmn_money_03.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_money_04" src="img/coupon/topmn_money_04.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_money_05" src="img/coupon/topmn_money_05.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_money_06" src="img/coupon/topmn_money_06.gif" alt="" /></a></li>
                   </ul>
               </div>
               <div id="sub_Percent_Menu" class="topmenu sub" style="display:none;">
                   <ul>
                       <li><a href="#"><img id="topmn_percent_01" src="img/coupon/topmn_percent_01_on.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_percent_02" src="img/coupon/topmn_percent_02.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_percent_03" src="img/coupon/topmn_percent_03.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_percent_04" src="img/coupon/topmn_percent_04.gif" alt="" /></a></li>
                       <li><a href="#"><img id="topmn_percent_05" src="img/coupon/topmn_percent_05.gif" alt="" /></a></li>
                   </ul>
               </div>
               <!-- End:   Top Button -->
               
               
               <!-- Begin: Top Block -->
               <div class="topblock mgt20 clearfix">
                   <div class="zone">
                       <div class="inner">
                            <img width="538" height="228" src="img/coupon/bg_zone.gif" usemap="#bgZone" />
                            <map name="bgZone">
                                <area shape="rect" coords="415,47,515,96" href="#zone" title="">
                                <area shape="rect" coords="0,126,271,227" href="#delivery" title="">
                                <area shape="rect" coords="271,126,538,228" href="#coupon" title="">
                            </map>
                       </div>
                   </div>
                   <div class="app">
                       <div class="inner">
                           <table width="538" border="0">
                               <tbody>
                                   <tr height="112">
                                       <td width="404" valign="top"><img src="img/coupon/bg_app_top.gif" /></td>
                                       <td width="134" valign="top" rowspan="3"><img src="img/coupon/bg_app_sreen.gif" /></td>
                                   </tr>
                                   <tr height="48">
                                       <td valign="middle">
                                           <div class="frm mgl15">
                                               <input type="text" name="" value="" class="txt" maxlength="4" /> <span class="hyphen"></span>
                                               <input type="text" name="" value="" class="txt" maxlength="4" /> <span class="hyphen"></span> 
                                               <input type="text" name="" value="" class="txt" maxlength="4" /> 
                                               <img class="btnsend" src="img/coupon/btn_sms.gif" onclick="" />
                                           </div>
                                       </td>
                                   </tr>
                                   <tr height="68">
                                        <td valign="top">
                                            <img src="img/coupon/bg_app_bot.gif" usemap="#bgAppLink" />
                                            <map name="bgAppLink">
                                                <area shape="rect" coords="0,0,187,68" href="#weblink" title="">
                                                <area shape="rect" coords="219,0,404,68" href="#applink" title="">
                                            </map>
                                        </td>
                                   </tr>
                               </tbody>
                           </table>
                       </div>
                   </div>
               </div>
               <!-- Begin: Top Block -->
               
               
               <!-- Begin: Coupon List -->
               <ul class="list clearfix">
                   <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_1.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                    </li>
                    <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_2.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                    </li>
                    <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_3.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                    </li>
                    <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_4.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                   </li>
                   <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_5.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                   </li>
                   <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_6.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                   </li>
                   <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_7.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                   </li>
                   <li>
                       <dl>
                           <div class="item">
                               <a href="#"></a><img src="img/coupon/item_8.jpg" /><div class="time"><span>14.05.30</span></div>
                           </div>
                           <div class="link">
                               <a href="#"><img src="img/coupon/btn_list.gif" /></a><span class="space"></span><a href="#"><img src="img/coupon/btn_coupon.gif" /></a>
                           </div>
                       </dl>
                   </li>
                   <li class="overbot"></li>
               </ul>
               <!-- Begin: Coupon List -->
               
               <!-- Begin: Tip Bottom -->
               <div class="tip"><img width="1100" height="121" src="img/coupon/bg_tip_bot.gif" /></div>
               <!-- End:   Tip Bottom -->
            </div>
            <br/><br/><br/><br/><br/><br/><br/><br/>
        </div>
    </article>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>